<template>
    <div id="app">
        HOME组件
        <AboutTable></AboutTable>
        <router-link to="/movie/1">M1</router-link>
        <br>
        <router-link to="/movie/2">M2</router-link>
        <br>
        <router-link to="/movie/3">M3</router-link>
        <button @click="gomovie">跳转到m3页面</button>
        <button @click="goBack">后退</button>
        <button @click="goForward">前进</button>

        <router-view></router-view>
    </div>
</template>

<script>
import AboutTable from './components/AboutTable.vue'

export default {
  name: 'App',
  components: {
    AboutTable
  },
  data () {
    return {

    }
  },
  methods: {
    gomovie () {
    //   this.$router.push('/movie/3')
      this.$router.replace('/movie/3')
    },
    goBack () {
      this.$router.go(-1)
    },
    goForward () {
      this.$router.forward()
    }
  }
}
</script>

<style>

</style>
